.orders_page {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	background-image: url('https://static.tianwandailian.cn/static/server/newimage/order_bg.png');
	background-repeat: no-repeat;
	background-size: 100%;
	.top {
		width: 100%;
		.header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: calc(100% - 64rpx);
			padding: 0 32rpx;
			position: relative;
			.title {
				font-size: 40rpx;
				color: #222222;
				font-weight: 600;
			}
			.msg-box {
				display: flex;
				position: relative;
				.msg_logo {
					width: 48rpx;
					height: 48rpx;
				}
				.badge {
					width: 12rpx;
					height: 12rpx;
					border-radius: 50%;
					background: #fe1737;
					position: absolute;
					right: 0;
				}
			}
		}
		.tabs-box {
			margin-left: 12rpx;
		}
		.tabs-box2 {
			display: flex;
			overflow-x: auto; /* 关键属性：启用横向滚动 */
			white-space: nowrap; /* 禁止换行 */
			-webkit-overflow-scrolling: touch; /* 启用惯性滚动（iOS优化） */
			margin-left: 25rpx;
			margin-top: 15rpx;
			/* 隐藏滚动条（根据需求可选） */
			scrollbar-width: none; /* Firefox */
			&::-webkit-scrollbar {
				display: none; /* Chrome/Safari */
			}

			.tabs-item {
				/* 修改为行内块元素 */
				display: inline-block;
				flex-shrink: 0; /* 禁止压缩 */
				background: #ffffff;
				padding: 8rpx 32rpx;
				border-radius: 40rpx;
				color: #222222;
				text-align: center;
				margin-right: 16rpx; /* 添加间距 */
			}

			.active-tabs {
				color: #453de7;
				font-weight: 600;
				background: rgba(110, 104, 233, 0.1);
			}
		}
	}

	.scroll-view {
		flex: 1;
		margin-top: 20rpx;

		.orders-box {
			margin: 0 20rpx 20rpx;
			background-color: #fff;
			border-radius: 16rpx;
			font-size: 28rpx;
			position: relative;
			.orders-box-top {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-top: 20rpx;

				.order-number {
					display: flex;
					align-items: center;
					.number {
						max-width: 200rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						color: #222222;
					}
				}
				.order_type_box {
					margin-right: 32rpx;
					color: #fe1737;
				}
			}
			.title-box {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 20rpx;

				.title {
					display: -webkit-box;
					-webkit-line-clamp: 2; /* 限制2行 */
					-webkit-box-orient: vertical;
					font-size: 30rpx;
					font-weight: 600;
					color: #222222;
					flex: 1;
					overflow: hidden;
					word-break: break-word; /* 允许单词换行 */
					text-overflow: ellipsis;
				}
				.titleDisable {
					color: #ccc;
				}

				.price {
					color: #ff5c00;
					font-weight: 600;
					font-size: 40rpx;
					display: flex;
					align-items: center;
					margin-left: 32rpx;
				}
			}
			.subsidy {
				font-size: 24rpx;
				color: #ff5c00;
				position: absolute;
				top: 150rpx;
				right: 34rpx;
			}
			.type {
				background: #8bc923;
				border-radius: 8rpx;
				font-size: 24rpx;
				font-weight: 500;
				color: #ffffff;
				margin-right: 8rpx;
				padding: 4rpx 12rpx;
			}
			.blueType {
				background: #1b6cff;
			}

			.gamesName-box {
				border-radius: 8rpx;
				font-size: 24rpx;
				border: 2rpx solid rgba(110, 104, 233, 0.3);
				margin-left: 8rpx;
				color: #6e68e9;
				padding: 4rpx 12rpx;
			}

			.serverRegion {
				font-size: 24rpx;
				font-weight: 400;
				color: #666666;
				margin: 8rpx 0 15rpx;
			}

			.line {
				width: 100%;
				margin-top: 20rpx;
				height: 1rpx;
				background: rgba(217, 217, 217, 0.5);
			}
			.high_line {
				width: 2rpx;
				height: 24rpx;
				background: #e8e8e8;
				margin: 0 16rpx;
			}
			.need-strike-through {
				color: #dec7b4;
				background: linear-gradient(90deg, #1f1914, #4e3f2f);
				border-radius: 8rpx;
				padding: 4rpx 8rpx;
				font-size: 20rpx;
			}
			// 置灰
			.gray-out {
				color: #fff;
				background: #ccc !important;
			}
			.time-text {
				color: #666666;
				.hour {
					color: #222222;
					font-weight: 600;
				}
			}
			.btn-box {
				display: flex;
				.btn {
					border-radius: 40rpx;
					border: 2rpx solid #6e68e9;
					color: #453de7;
					padding: 14rpx 15rpx;
					margin-right: 6rpx;
				}
				.btn2 {
					background: linear-gradient(270deg, #6e68e9 0%, #9b96ff 100%);
					border-radius: 40rpx;
					padding: 14rpx 20rpx;
					color: #fff;
					margin-right: 6rpx;
				}
			}
		}
	}
}
